<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8"%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>何人堂网站首页</title>
<!--****js或jq的设置**-->
<script src="<%=request.getContextPath()%>/HRTWEB/js/jquery-1.9.1.js"></script>
<script src="<%=request.getContextPath()%>/HRTWEB/js/jquery.form.js"></script>
<!--子菜单-->
<script type="text/javascript" src="js/subMenu.js"></script>
<script type="text/javascript" src="js/rolling.js"></script>
<!--固定广告、菜单-->
<script src="js/fixedAds.js" type="text/javascript"></script>
<!--***css样式区***-->
<link rel="stylesheet" type="text/css" href="css/index.css" />
<link rel="stylesheet" type="text/css" href="css/rolling.css" />
<link rel="stylesheet" type="text/css" href="css/styles.css">
<!-- 日期控件 -->
<link rel="stylesheet" type="text/css" href="css/default.css" />
<link rel="stylesheet" type="text/css" href="css/default.date.css" />
<script type="text/javascript" src="<%=request.getContextPath()%>/HRTWEB/js/laydate/laydate.js"></script>
<script type="text/javascript" src="js/picker.js"></script>
<script type="text/javascript" src="js/picker.date.js"></script>
<script type="text/javascript" src="js/register.js"></script>
<script type="text/javascript" src="js/backTop.js"></script>
<!--固定广告的样式 -->
<link rel="stylesheet" type="text/css" href="css/fixedAds.css" />
<!--回顶部和建议代码-->
<link rel="stylesheet" type="text/css" href="css/backTop.css" />

<!-- 表单验证 -->
<script type="text/javascript"
	src="<%=request.getContextPath()%>/HRTWEB/js/validforms/Validform_v5.3.2.js"></script>
<!--密码强度-->
<script type="text/javascript"
	src="<%=request.getContextPath()%>/HRTWEB/js/validforms/passwordStrength-min.js"></script>
<%-- <script type="text/javascript"
	src="<%=request.getContextPath()%>/HRTWEB/js/validforms/verification.js"></script> --%>
<link rel="stylesheet"
	href="<%=request.getContextPath()%>/HRTWEB/css/Validform_css.css" />
<!--*****************密码强度*********************************-->
<style>
.contact_form {
	padding-top: 40px;
}

.title {
	background-color: rgba(0, 0, 0, 0.56);
	text-align: center;
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	padding: 5px 0;
}

.title a {
	color: #FFF;
	text-decoration: none;
	font-size: 16px;
	font-weight: bolder;
	line-height: 24px;
}
</style>

</head>
<body>
	<div>
		<%@include file="head.jsp"%>
	</div>
	<br />
	<!----------------------********头部结束********---------------------------->

	<!---***中部***-->
	<div align="left">
		<!--中上部-->
		<!---***图片滚动----对应的样式是rolling.css***-->
		<div align="center">


			<form class="contact_form" action="./register.do" name="userInfo" id="userInfo" method="post">
				<table>
					<tr>
						<td>
							<h2 style="float: left;">注册</h2> <span class="form_span">已注册？<a
								href="<%=request.getContextPath()%>/HRTWEB/login.jsp">登陆</a></span>
						</td>
					</tr>
					<tr>
						<td><label for="name">会员名:</label> <input 
							type="text" name="mbrName" id="mbrName" class="inputxt Validform_error" placeholder="请输入会员名"
							datatype="*6-16" errormsg="会员名填写格式错误" nullmsg="请填写信息！"/></td>
						<td><div class="Validform_checktip">请输入会员名</div></td>
					</tr>
					<tr>
						<td><label for="mail">电子邮件:</label> <input id="mail"
							type="email" name="mail" placeholder="请输入邮箱"
							class="inputxt Validform_error" datatype="e"
							errormsg="电子邮件填写格式错误" nullmsg="请填写信息！" /></td>
						<td><div class="Validform_checktip">请输入电子邮件</div></td>
					</tr>
					<tr>
						<td><label for="number">手机号码:</label> <input name="mobile"
							placeholder="请输入手机号码" type="text" class="inputxt Validform_error"
							datatype="m" errormsg="手机号码填写格式错误" nullmsg="请填写信息！" /></td>
						<td><div class="Validform_checktip">请输入手机号码</div></td>
					</tr>
					<tr>
						<td><label for="password">密码:</label> <input type="password"
							name="password" placeholder="请输入密码"
							class="inputxt Validform_error" plugin="passwordStrength" datatype="*6-15" errormsg="密码范围在6~15位之间！"
							nullmsg="请填写信息！" />
							<div class="passwordStrength">密码强度： <span>弱</span><span>中</span><span class="last">强</span></div>
							</td>
						<td><div class="Validform_checktip">请输入密码</div></td>
					</tr>
					<tr>
						<td><label for="password2">确认密码:</label> <input type="password"
							name="password2" placeholder="请输入密码"
							class="inputxt Validform_error" datatype="*" recheck="password" nullmsg="请再输入一次密码！" errormsg="您两次输入的账号密码不一致！" /></td>
						<td><div class="Validform_checktip">请再次输入密码</div></td>
					</tr>
					<tr>
						<td><label for="sex">性别:</label> <input type="radio"
							name="sex" value="0" style="width: 20px;" checked="checked" />男
							<input type="radio" name="sex" value="1" style="width: 20px;" />女
						</td>

					</tr>
					<tr>
						<td><label for="input_01">出生日期:</label>
						 <input class="laydate-icon" id="myborth" name="myborth" type="text" placeholder="请输入日期" onclick="pickDate(this);"/> 
					</td>

					</tr>
					<tr></tr>
					<tr>
						<td><label for="checkNum">验证码:</label> <input type="text"
							name="hrtMemberCheckout" style="width: 80px;"
							placeholder="请输入验证码"/> <img src="./CheckCode.do"
							onclick="changeValidateCode(this)" width="100" height="30"
							title="刷新验证码" style="cursor: hand;" id="checkCode"/>
							<span class="form_hint">${checkNumError}</span></td>
							
					</tr>
					<tr>
						<td>
							<button class="submit" type="submit" name="register" id="register">注册</button>
							<button class="reset" type="reset" id="reset">重置</button>
							 <span class="form_hint">${registerError }</span>
						</td>
					</tr>
				</table>
			</form>


		</div>
	</div>
	<!--**中中部**-->
	<div></div>
	<!----------------------********中部结束********---------------------------->

	<!---***尾部***-->
	<%@include file="foot.jsp"%>
	<!----------------------********尾部结束********---------------------------->
	<!-- 回顶部和建议代码开始 -->
	<div id="tboxs">
		<div id="tbox">
			<a id="gotop" href="javascript:void(0)"></a> <a id="htky_jianyi"
				target="_blank" href="#"></a>
		</div>
	</div>
</body>
</html>